<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>申请预约</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="renderer" content="webkit">
		<!-- 设置缩放 -->
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
		<!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 微软的老式浏览器 -->
		<meta name="MobileOptimized" content="320">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait">
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="yes">
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true">
		<!-- UC应用模式 -->
		<meta name="browsermode" content="application">
		<!-- QQ应用模式 -->
		<meta name="x5-page-mode" content="app">
		<!-- windows phone 点击无高光 -->
		<meta name="msapplication-tap-highlight" content="no">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="../assets/i/favicon.png">
		<link rel="stylesheet" href="../assets/css/amazeui.css" />
        <link rel="stylesheet" href="../assets/css/select2.min.css" />
		<link rel="stylesheet" href="../css/comm.css" />
		<link rel="stylesheet" href="../css/ytt.css" />
        <style>
            .am-icon-md:before {
                font-size: 100%;
                vertical-align: 0%;
            }
            .select2.select2-container.select2-container--default{
               width:100%!important;
            }
            .select2-container .select2-selection--single{height:35px;}
            .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:35px;}
            .am-datepicker-dropdown{z-index:0;position:static}
            .am-datepicker{display:block!important;margin-top:0;margin-bottom:60px;-webkit-box-shadow:0 0 0 #fff;box-shadow:0 0 0 #fff;padding:0 10px;box-sizing: border-box}
            .am-datepicker td.am-datepicker-day.am-disabled{background:#eee;}
            .am-datepicker td.am-active, .am-datepicker td.am-active:hover{background:#3bb4f2;color:#fff;}
		</style>
	</head>
	<body class="markOrder">
		<header data-am-widget="header" class="am-header am-header-default bg-48CFAE">
			<div class="am-header-left am-header-nav text-black padding-left05" id="goBackDivs">
				<a  href="javascript:history.go(-1)" class="text-black" id="goBackIcon">
				  	<i class="am-align-left am-margin-0 am-icon-angle-left am-icon-md text-black co-fff"></i>
				  </a> 
			</div>
			<h1 class="am-header-title teblack">申请预约</h1>
		</header>
        <div class="contents">
             <div class="stationDiv">
                 <span class="stationName"></span>
                 <span class="stationAdrr"></span>
                 <span class="stationTime stationTimes"></span>
                 <span class="stationTime stationNum"></span>
             </div>
             <div class="isoBelt"></div>
             <div class="markForm">
                 <div class="childSelect markLi">
                     <span class="nameSpan">宝宝名称：</span>
                     <span class="inputSpan">
                          <select class="childName" id="childName">

                          </select>
                     </span>
                 </div>
                 <div class="childSelect markLi">
                     <span class="nameSpan">选择疫苗：</span>
                     <span class="inputSpan">
                          <select id="vaccine" class="select2 vaccineSet">
                                <option value="">请选择疫苗</option>

                          </select>
                     </span>
                 </div>
                 <div class="childSelect markLi">
                     <span class="nameSpan">选择剂次：</span>
                     <span class="inputSpan">
                          <select class="childName" id="agentNum">
                                <option value="">请选择剂次</option>
                          </select>
                     </span>
                 </div>
                 <div class="timeTitle">请选预约日期：</div>
                 <div class="timeDiv" id="doc-datepicker"></div>
             </div>
        </div>
        <div class="sureOrder" onclick="sureMark()">立即预约</div>
	    <div class="am-modal am-modal-loading am-modal-no-btn radius4" tabindex="-1" id="my-modal-loading" data-am-modal="{closeViaDimmer: 0}">
			  <div class="am-modal-dialog" style="border-radius: 4px;">
			    	<div class="am-modal-hd">加载中...</div>
				    <div class="am-modal-bd">
				      <span class="am-icon-spinner am-icon-spin"></span>
				    </div>
			  </div>
		</div>
        <div class="am-modal am-modal-loading am-modal-no-btn radius4" tabindex="-1" id="my-modal" data-am-modal="{closeViaDimmer: 0}">
            <div class="am-modal-dialog" style="border-radius: 4px;">
                <div class="am-modal-bd">

                </div>
            </div>
        </div>
        <!--操作弹窗-->
        <div class="am-modal am-modal-confirm" tabindex="-1" id="myConfirm">
            <div class="am-modal-dialog radius4">
                <div class="am-modal-bd">

                </div>
                <div class="am-modal-footer">
                    <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                    <span class="am-modal-btn" data-am-modal-confirm>确定</span>
                </div>
            </div>
        </div>
		<script src="../assets/js/jquery.min.js"></script>
		<script src="../assets/js/jquery.cookie.js"></script>
		<script src="../assets/js/amazeuis.min.js"></script>
        <!--改了的压缩amazeui.js，不同处在于屏蔽了changeDate.datepicker.amui事件关闭日历的事件-->
        <script src="../assets/js/select2.min.js"></script>
		<script src="../js/ym.js"></script>
		<script src="../js/markOrder.js"></script>
	</body>
</html>
